/** WBar: White Bar -- white menu bar separated by vertical slit */
/** Usage:
	<ul class="wbar">
		<li class="sel"><span class="sep">Selected Tab</span></li>
	    <li><span class="sep"><a href="#">Tab1</a></span></li>
	    <li><span class="sep"><a href="#">Tab2</a></span></li>
	</ul>
*/
	.wbar
	{	
		background-image:url('bg_wbar.png'); 
		background-repeat:repeat-x;
		height:22px;
		line-height:22px;
		color:#666666;
		width:100%;
		overflow:hidden;
		margin:0px;
		padding:0px;
		font-weight:bold;
	}
	.wbar li 
	{
		list-style-type:none;
		float:left;
		padding-left:10px;
	}
	
	.wbar li.sel{
		background-repeat:repeat-x;
		background-image:url('bg_wsel.png'); 
		color:#FFFFFF;
		padding-right:0px;
	}
	
	li span.sep{
		height:22px;
		display:block;
		background-image:url('bg_wsep.png'); 
		background-repeat:no-repeat; 
		background-position:right;
		padding-right: 15px;
		text-decoration: none;
	}
		
	.wbar a:hover
	{
		color:#000000;
	}

